<template>
    <div class="password">
        <el-card style="max-width: 480px">
          <el-form
            label-width="auto"
            :model="formModel"
            style="max-width: 600px"
          >
            <el-form-item label="原密码" :prop="password">
              <el-input v-model="formModel.password" type="password" show-password/>
            </el-form-item>
            <el-form-item label="新密码" :prop="newpassword">
              <el-input v-model="formModel.newpassword" type="password" show-password/>
            </el-form-item>
            <el-form-item label="确认新密码" :prop="repassword">
              <el-input v-model="formModel.repassword" type="password" show-password/>
            </el-form-item>
          </el-form>
          <div class="btn">
            <el-button type="primary"  @click="submit">保存</el-button>
          </div>

        </el-card>
    </div>
</template>

<script setup>
import { ref } from "vue";

const formModel=ref({
    password:'',
    newpassword:'',
    repassword:''
})


// 从store获取过来


</script>

<style lang='scss' scoped>
.password{
    .btn{
        display: flex;
        justify-content: flex-end;
    }
}
</style>